<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="js/vue-2.6.12.js"></script>
</head>
<body>

<div id="app">

<!--	遍历数组的时候 将index的值绑定的到key 属性 可以更好的处理遍历后的数据-->
	
	<h2 v-for="(item,index) in loves" :key="index">{{item}}</h2>
	
	
</div>


<script>
	
	let app = new Vue({
	  
	  el:"#app",
	  data:{
	    loves:["唱","跳","rap","篮球"]
	  }
	  
	})
	
</script>
</body>
</html>